<template>
    <view class="zz-companyInfo_202008111459">
        <!--  -->
        <view class="zz-mb48 fs36 fs-bold lh50 color000">{{shopDetailInfo.shopName}}</view>
        <!--  -->
        <view class="zz-flex zz-mb40">
            <view class="zz-mr20 fs30 fs-bold lh42 color333">法人姓名</view>
            <view class="fs28 lh42 color4A">{{shopDetailInfo.legalPersonaName}}</view>
        </view>
        <!--  -->
        <view class="zz-flex zz-mb40">
            <view class="zz-mr20 fs30 fs-bold lh42 color333">企业名称</view>
            <view class="flex79 fs28 lh42 color4A">{{shopDetailInfo.companyName}}</view>
        </view>
        <!--  -->
        <view class="zz-flex zz-mb40">
            <view class="zz-mr20 fs30 fs-bold lh42 color333">信用代码</view>
            <view class="fs28 lh42 color4A">{{shopDetailInfo.companyCode}}</view>
        </view>
        <!--  -->
        <view class="zz-flex zz-mb40">
            <view class="zz-mr20 fs30 fs-bold lh42 color333">营业执照</view>
        </view>
        <!--  -->
        <view class="bussiness-license">
            <image 
                @tap="previewImage([shopDetailInfo.tradeCertImage],shopDetailInfo.tradeCertImage)"
                class="zz-img-fit" :src="shopDetailInfo.tradeCertImage"></image>
        </view>
    </view>
</template>
<script>
/* vuex */
import { mapState } from "vuex";
export default {
    computed:{
        ...mapState("shop", ["shopDetailInfo"])
    },
    onShow(){
        console.log(this.shopDetailInfo);
    },
    data(){
        return {

        };
    }
}
</script>
<style lang="scss">
.zz-companyInfo_202008111459 {
    min-height:100vh;
    background-color:$theme-panel-bg-color;
    padding:40rpx;
    .flex79 {
        flex:0 0 76%;
          max-width:76%;
          text-align: justify;
    }
    .bussiness-license {
        height:488rpx;
    }
}
</style>